<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo</title>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.10/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<table class="layui-table" lay-data="{height:315, url:'/chat/list', page:false}" id="ID-table-demo-init">
    <thead>
        <tr>
            <th lay-data="{field:'id', width:80, sort: true,checkbox:true}">ID</th>
            <th lay-data="{field:'userName'}">服务器-用户名</th>
            <th lay-data="{field:'password'}">服务器-密码</th>
            <th lay-data="{field:'host'}">服务器-IP</th>
            <th lay-data="{field:'port'}">服务器-ssh端口</th>
            <th lay-data="{field:'appName'}">应用名称</th>
            <th lay-data="{field:'startFile'}">启动脚本</th>
            <th lay-data="{field:'stopFile'}">停止脚本</th>
            <th lay-data="{field:'appPort'}">端口</th>
            <th lay-data="{field:'status'}">状态</th>
            <th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#templet-demo-theads-tool'}" rowspan="3">操作</th>
        </tr>
    </thead>
</table>
<script src="//unpkg.com/layui@2.8.10/dist/layui.js"></script>
<script type="text/html" id="templet-demo-theads-tool">
    <div class="layui-clear-space">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="delete">删除</a>
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
    </div>
</script>
</body>
</html>